﻿
@{
    ViewBag.Title = "LawDocumentPageList";
    Layout = "~/Views/Shared/_LayoutMain.cshtml";
}

@section css{
    <link href="~/Assets/css/lib/bootstrap-select.css" rel="stylesheet" />
    <style>
        .bg-light th {
            font-weight: bolder;
            text-align: center;
        }

        .lable_data_1 {
            color:white;
            font-size:27px;
            font-weight:bold;
        }
        .lable_data_2 {
            color: white;
            font-size: 15px;
            font-weight: bold;
        }
    </style>
}

<section id="content" class="page-content" ng-cloak ng-controller="EnviromentController" ng-init="SearchModel={};page='@(Request.QueryString["page"].IsEmpty() ? "1" : Request.QueryString["page"])';
     PageName='@Request.CurrentExecutionFilePath.Substring(Request.CurrentExecutionFilePath.LastIndexOf("/") + 1)';
     SearchModel={};
         InitData();
">
    <div class="page-heading">
        <h1>环境监测</h1>
        <div class="options">
            <div class="btn-toolbar">

            </div>
        </div>
    </div>
    <ol class="breadcrumb">
        <li><a>现场管理</a></li>
        <li class="active"><a>环境监测</a></li>
    </ol>
    <div class="load" ng-show="DataLoading">
        <div class="loader">
            <svg version="1.1" id="loader-1" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
            <path fill="#000" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z">
            <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite" />
			</path>
		</svg>
            <div class="load-msg">正在加载</div>
        </div>
    </div>
    <form class="form-horizontal">
       
        <div class="panel panel-default">
            <div class="panel-heading">
                <span class="panel-title">
                    <span class="glyphicons glyphicons-list"></span>216机房
                </span>
                <div class="widget-menu pull-right mr10">
                    <div class="btn-group">

                    </div>
                </div>
            </div>
            <div class="panel-body">
                <div style="height:770px; background-image:url('../../File/Enviroment/post/env_216.png');background-repeat:no-repeat;">
                    <div style="position:absolute;top:100px;left:30px;">
                        <img src="../../File/Enviroment/post/temp.png" width="150" />
                    </div>
                    <div style="position:absolute;top:140px;left:190px;">
                        <p class="lable_data_1">{{DataModel.Temp}} ℃</p>
                        <p class="lable_data_2">温度</p>
                    </div>
                    <div style="position: absolute; top: 400px; left: 30px; ">
                        <img src="../../File/Enviroment/post/hum.png" width="150" />
                    </div>
                    <div style="position:absolute;top:440px;left:190px;">
                        <p class="lable_data_1">{{DataModel.Hum}} %</p>
                        <p class="lable_data_2">湿度</p>
                    </div>
                </div>
            </div>
        </div>
    </form>
</section>

@section Js{
    <script src="~/Assets/js/libs/upload.js"></script>
    <script src="~/Assets/js/pg/Enviroment.js?v=@DateTime.Now.ToString("yyMMddHHmm")"></script>
    <script src="~/Assets/js/libs/moment.min.js"></script>
    <script src="~/Assets/js/libs/locales/date/zh-cn.js"></script>
    <script src="~/Assets/js/libs/bootstrap-datetimepicker.min.js"></script>
    <script src="~/Assets/js/libs/angularjs-datepicker.js"></script>
    <script src="~/Assets/js/libs/fileinput.js"></script>
    <script src="~/Assets/js/libs/zh.js"></script>
    <script>
        $(".selectpicker").selectpicker({
            noneSelectedText: "所有发布机构"
        });
    </script>
}


